@import '../../../../../lessConst.less';

.exchangeDetailModal {
  // 模态框组件覆盖样式
  background-color: #191919;

  .at-modal__content {
    padding: 0;
    background-color: transparent !important;
  }

  .at-modal__container {
    background-color: transparent !important;
    top: 40% !important;
  }

  .modalContent {
    width: 100%;
    background: url('@{iplandUrl}receiveGoldCoins/exchangeDetailModalBj.png') no-repeat;
    background-size: 100% 100%;
    height: 330px;

    .modalHeader {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #6a351f;
      position: relative;
      padding-top: 30px;

      .modalTitle {
        color: #fe7226;
        font-size: 36px;
        font-weight: 600;
      }

      .closeIcon {
        width: 68px;
        height: 68px;
        position: absolute;
        right: 10px;
      }
    }

    .modalExtraContent {
      font-size: 28px;
      text-align: left;
      margin: 10px 20px;

      view {
        color: #fe7226;
      }
    }
  }
}
